@charset "UTF-8";
body{}
.bgcolor{width:100%;background-color: #eeeeee;padding-bottom: 20px;}
.clearfix {
    +height: 1%;
}
.title{padding:75px 0 40px 0;clear: both;position: relative;top:-100px;opacity: 0;}
.title p{font-size: 16px;color: #666;text-align: center;line-height: 25px;}
.title h3{font-size: 36px;color: #642a00;text-align: center;margin: 10px auto;font-weight: 500;}
.title img{display: block;margin:0px auto;}
.title.current{top: 0;opacity: 1;}
.title img.mt10{margin-top:10px;}
/*关于我们*/
.habout{width: 100%;background: url(../images/abbg.png) bottom left no-repeat;background-size: 100% 100%; min-width: 1300px;margin-top: 30px;overflow: hidden;}
.index_focus{position: relative;width: 600px;height: 800px;text-align: center;}
.index_focus .bd li{display: none;position: absolute;width: 100%;height:800px;left: 0;top: 0;}
.index_focus .bd li a{display: block;width:600px;height: 800px;overflow: hidden;position: relative;}
.index_focus .bd li a img{height: 800px;width: auto;display: block;position: absolute;top:0;left: 0;bottom: 0;right: 0;margin:auto;text-align: center;}
.index_focus_post{z-index: 10;}
.index_focus_pre,.index_focus_next{display: block;width: 34px;height: 72px;position: absolute;bottom: 30px;right: 30px;z-index: 99;}
.index_focus_pre{right: 80px;background: url(../images/l.png) no-repeat;}
.index_focus_pre:hover{background: url(../images/l1.png) no-repeat;}
.index_focus_next{background: url(../images/r.png) no-repeat;}
.index_focus_next:hover{background: url(../images/r1.png) no-repeat;}
.habtxt{width: 515px;float: right;margin-right: -100px;opacity: 0;}
.habtxt.current{margin-right: 0px;opacity: 1;}
.habtxt h3{font-size: 24px;color: #642a00;margin:30px 0;font-weight: 500;}
.habtxt p{font-size: 16px;color: #333;line-height: 30px;text-indent: 35px;}
a.habbtn{color: #642a00;width: 125px;height: 34px;line-height: 34px;font-size: 14px;text-align: center;display: block;margin:30px 0;border:1px solid #642a00;overflow: hidden;position: relative;}
a.habbtn:hover{color: #fff;background-color: #642a00;}
a.habbtn:after,a.hprobtn:after,.hproNav a:after,.hproCon li a span:after,.fbbtn a:after{
  background: #fff;content: "";height: 250px;left: -125px;opacity: .2;
  position: absolute;top: -50px;width: 50px;z-index: 100;
  -webkit-transform: rotate(35deg);
      -ms-transform: rotate(35deg);
          transform: rotate(35deg);
  -webkit-transition: all 1000ms cubic-bezier(0.19, 1, 0.22, 1);
          transition: all 1000ms cubic-bezier(0.19, 1, 0.22, 1); 
}
a.habbtn:hover:after,a.hprobtn:hover:after,.hproNav a:hover:after,.hproCon li a span:hover:after,.fbbtn a:hover:after{left: 120%;-webkit-transition: all 1000ms cubic-bezier(0.19, 1, 0.22, 1);transition: all 1000ms cubic-bezier(0.19, 1, 0.22, 1);}
.habbtnbox a{display: block;float: left;margin-right: 11px;transition: 0.5s;}
.habbtnbox a:last-child{margin-right: 0;}
.habbtnbox a:hover{box-shadow: 5px 5px 10px -4px #666;}
/*产品中心*/
.hproNav{width: 980px;margin:0px auto 30px;height: 40px;}
.hproNav a{width: 145px;height: 38px;float: left;margin:0 5px;line-height: 38px;text-align: center;display: block;font-size: 16px;color: #999999;transition:0.5s;border:1px solid #cccccc;position: relative;overflow: hidden;}
.hproNav a:hover,.hproNav .hproon{color: #fff;background-color: #642a00;}
.hproCon{width: 1320px;margin:0px auto;display:block;}
.hproCon li{width: 310px;height: 345px;float: left;margin:10px;}
.hproCon li a{display: block;position: relative;overflow: hidden;}
.hproCon li a em{display: block;width: 308px;height: 295px;overflow: hidden;position: relative;border:1px solid #ccc;margin-bottom: 5px;background-color: #fff;}    
.hproCon li a img{width: auto;min-height: 180px;max-width: 90%;/*max-height:320px;*/max-height:230px;position: absolute;top:0;left: 0;bottom: 0;right: 0;margin:auto;text-align: center;}
.hproCon li a span{width: 100%;height: 40px;z-index: 1;display: block;background-color: #eee;font-size: 14px;text-align: center;line-height: 40px;color: #333;transition: all 0.4s;position: relative;overflow: hidden;}
.hproCon li a em i{display: block;width:88px;height: 35px;background: url(../images/plogo.png) no-repeat;position: absolute;top:0px;right: 0px;}
.hproCon li a:hover img{-webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;}  
.hproCon li a:hover span{background-color: #642a00;color: #fff;}
.hproCon li a:hover em{border-color: #642a00;}
a.hprobtn{width: 124px;height: 32px;line-height: 32px;border:1px solid #642a00;color: #642a00;display: block;margin:0px auto 30px;font-size: 15px;text-align: center;overflow: hidden;position: relative;}
a.hprobtn:hover{background-color: #642a00;color: #fff;}
/*优势*/
.hyoushi{width: 100%;background: url(../images/ysbg.png) top right no-repeat;background-size: 100% 100%;min-width: 1300px;padding-top:145px;overflow: hidden;}
.ysimg{display: block;float: right;}
.hystxt{width: 510px;float: left;margin-left: -100px;opacity: 0;}
.hystxt.current{margin-left: 0px;opacity: 1;}
.hystxt h3{font-size: 24px;color: #642a00;margin:30px 0;font-weight: 500;}
.hystxt p{font-size: 16px;color: #333;line-height: 30px;text-indent: 35px;}
.hysbox a{display: block;float: left;margin-right: 28px;transition: 0.5s;width: 100px;}
.hysbox a:last-child{margin-right: 0;}
.hysbox a:hover span{color: #642a00;}
.hysbox a i{width: 100px;height: 113px;display: block;}
.hysbox a span{display: block;text-align: center;font-size: 14px;color: #333;margin-top: 15px;}
a.hysico1 i{background: url(../images/y1.png) no-repeat;}
a.hysico2 i{background: url(../images/y2.png) no-repeat;}
a.hysico3 i{background: url(../images/y3.png) no-repeat;}
a.hysico4 i{background: url(../images/y4.png) no-repeat;}
a.hysico1:hover i{background: url(../images/y1-1.png) no-repeat;}
a.hysico2:hover i{background: url(../images/y2-2.png) no-repeat;}
a.hysico3:hover i{background: url(../images/y3-3.png) no-repeat;}
a.hysico4:hover i{background: url(../images/y4-4.png) no-repeat;}
/*应用领域*/
.hlingyu{width: 100%;height:656px;background:#fff url(../images/yybg.jpg) top center no-repeat;min-width: 1300px;overflow: hidden;}
.hlingyu .container{background:url(../images/line.png) center center no-repeat;height: 290px;}
.hlingyu ul{width: 841px;margin:0px auto;position: relative;height: 100%;}
.hlingyu ul li{width:168px;height: 145px;position: absolute;}
.yy1{top:0;left:85px;background: url(../images/yy1.png) no-repeat;}
.yy2{top:0;left:253px;background: url(../images/yy2.png) no-repeat;}
.yy3{top:0;left:421px;background: url(../images/yy3.png) no-repeat;}
.yy4{top:0;right:85px;background: url(../images/yy4.png) no-repeat;}
.yy5{bottom:0;left:0;background: url(../images/yy5.png) no-repeat;}
.yy6{bottom:0;left:168px;background: url(../images/yy6.png) no-repeat;}
.yy7{bottom:0;right:168px;background: url(../images/yy7.png) no-repeat;}
.yy8{bottom:0;right:0;background: url(../images/yy8.png) no-repeat;}
.yy1:hover{background: url(../images/yy1-1.png) no-repeat;}
.yy2:hover{background: url(../images/yy2-1.png) no-repeat;}
.yy3:hover{background: url(../images/yy3-1.png) no-repeat;}
.yy4:hover{background: url(../images/yy4-1.png) no-repeat;}
.yy5:hover{background: url(../images/yy5-1.png) no-repeat;}
.yy6:hover{background: url(../images/yy6-1.png) no-repeat;}
.yy7:hover{background: url(../images/yy7-1.png) no-repeat;}
.yy8:hover{background: url(../images/yy8-1.png) no-repeat;}
/*新闻资讯*/
.hnewsleft{float: left;width: 570px;}
.hnewsright{float: right;width: 660px;}
.nlefttit{width: 100%;height: 40px;background: url(../images/line1.png) bottom left no-repeat;line-height: 35px;}
.nlefttit span{float: left;font-size: 18px;color: #642a00;display: inline-block;font-weight: 700;}
.nlefttit span em{font-size: 14px;color: #999;display: inline-block;margin-left: 10px;font-weight: 500;}
.nlefttit a.nl_more{float: right;font-size: 14px;color: #642a00;transition:0.5s;}
a.nl_more:hover{color: #3757a7;}
.hnl_list{width: 100%;height: auto;margin:20px auto 0;clear: both;}
.hnl_list li{width: 100%;height:45px;line-height: 45px;position: relative;border-bottom: 1px dashed #ccc;}
.hnl_list li a{font-size: 14px;color: #696969;display: block;float: left;transition:0.5s;width: 80%;height: 45px;overflow: hidden;text-indent: 30px;}
.hnl_list li span{font-size: 14px;color: #999;display: block;float: right;}
.hnl_list li i{width: 16px;height: 24px;background: url(../images/ico2.png) no-repeat;display: block;float: left;position: absolute;top:10px;}
.hnl_list li a:hover{color: #642a00;text-indent: 35px;}
.hnl_list li:hover span{color: #642a00;}
.hnl_list li:hover i{background: url(../images/ico1.png) no-repeat;}
.hnrbox{clear: both;width: 100%;height: 110px;display: block;margin-top: 35px;}
.hnrbox dt a{width: 188px;height: 110px;float: left;overflow: hidden;position: relative;}
.hnrbox dt img{width: auto;height: 100%;transition: all 1s ease 0s;position: absolute;top:0;left: 0;right: 0;bottom: 0;margin:auto;text-align: center;}
.hnrbox dd{width: 70%;height: 100%;float: right;line-height: 24px;overflow: hidden;}
.hnrbox dd span{color: #999;display: block;font-size: 14px;margin-top: 10px;}
.hnrbox dd a.hnrtit{display: block; color: #333333;transition: 0.5s;font-style: normal;line-height: 30px;font-size: 16px;}
.hnrbox dd p{color: #888;font-size: 13px;width: 100%;height: 50px;overflow: hidden;}
.hnrbox dd a.hnrtit:hover,.hnrbox dd:hover a.hnrbtn,.hnrbox:hover dd a.hnrtit{color:#642a00;}
.hnrbox:hover dt img{transform: scale(1.2,1.2); -moz-transform: scale(1.2,1.2); -ms-transform: scale(1.2,1.2); -o-transform: scale(1.2,1.2); -webkit-transform: scale(1.2,1.2);}
a.hnrbtn{display: inline-block;font-size: 14px;color: #999;margin-left:15px;}









@media screen and (max-width: 1600px) { 

}
@media screen and (max-width: 1280px) { 

}